import styled from 'styled-components'
import border from 'components/styled/border.js'

const CheckTaskStyle = styled.div`
    height:100%;
    overflow: scroll;
    .container{
        padding: .15rem .15rem 0;
        .message{
            padding: .11rem 0 ;
            height: 1.45rem;
            background: #f3f3f3;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            margin-bottom: .12rem;
        }
        .secrecy{
            background: #f3f3f3;
            padding-bottom: .19rem;
            p{
                color: #646464;
                font-size: .12rem;
                padding: .05rem 0 .09rem .12rem;
            }
        }
        .arrive{
            background: #f3f3f3;
            padding-bottom: .12rem;
        }
        .reward{
            display:flex;
            justify-content: space-between;
            padding: .3rem 0 0 .15rem;
            align-items: center;
            p{
                color: #646464;
                font-size: .17rem;
            }
            .money{
                display:flex;
                align-items: center;
                .yuan{
                    color: #FFB538;
                    font-size: .3rem;
                }
                .num{
                    color: #FFB538;
                    font-size: .2rem;
                }
            }
        }
        .tishi{
            padding: .3rem 0 .14rem 0;
            font-size: .12rem;
            color: #c0c0c0;
        }
        .wancheng{
            padding:  0 0 .47rem .6rem;
            font-size: .12rem;
            color: #c0c0c0;
        }
    }
`
const MessageStyle = border({
    width:"1px",
    comp:styled.div`
    background: #fff;
    color:#C0C0C0;
    font-size: .12rem;
    padding: .15rem ;
`
})

export {
    CheckTaskStyle,
    MessageStyle
}